<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>创建您的 南声 ID</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/regist.css">
</head>
<body>
    <div id="app">
        <header>
            <h3>南声 ID</h3>
            <div>
                <span onclick="window.location.href='./login.html'">登录</span>
                <span>创建您的 南声 ID</span>
            </div>
        </header>
        <div id="head">
            创建您的 南声 ID
        </div>
        <section>
            <div>
                只需一个 南声 ID，您即可访问 南声 所有内容。
            </div>
            <div>
                已有 南声 ID？ <a class="loginHref" href="./login.html">在此登录</a>
            </div>
        </section>
        <div class="regInfo">
            <div>
                <input type="email" placeholder="注册邮箱" v-model="regInfo.email">
            </div>
            <div>
                <input type="password" placeholder="注册密码" v-model="regInfo.password">
            </div>
            <div>
                <input type="password" placeholder="确认密码" v-model="regInfo.rePass">
            </div>
            <div>
                <button @click="submitReg">继续</button>
            </div>
            <hr>
        </div>
        <footer>
            更多选购方式：查找你附近的 南声 Store 零售店及更多门店，或者致电 666-666-6666。
    Copyright © 2021 南声 Inc. 保留所有权利。隐私政策 使用条款 销售政策 法律信息 网站地图
        </footer>
    </div>
    

    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="./js/api.js"></script>
    <script>
        const app = new Vue({
            el : '#app',
            data : {
                regInfo:{
                    email : '',
                    password : '',
                    rePass : ''
                }
            },
            methods:{
                submitReg(){
                    if(this.regInfo.email.trim() == '' || this.regInfo.password.trim() == '' || this.regInfo.rePass.trim() == ''){
                        alert("数据为空,不能提交");
                    }else{
                        if(this.regInfo.password != this.regInfo.rePass){
                            alert("两次输入密码不一致，请重新确认");
                        }else{
                            postRequest('http://localhost:8080/user/reg',this.regInfo).then(resp => {
                                if(resp.data){
                                    if(resp.data.code == 200){
                                        alert(resp.data.msg);
                                        window.location.href = './login.html';
                                    }else{
                                        alert(resp.data.msg);
                                    }
                                }
                            })
                        }
                    }
                }
            }
        })
    </script>
</body>
</html>